<div class="panel panel-default panel-intro">
    {:build_heading()}
  <div class="row">
    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2" style="overflow:scroll;max-width: 220px;margin-top: 20px;height: 600px;">
      <div style="margin-left: 20px;">选择区域</div>
      <div id="treeview" style="margin-left: 20px;">
        加载中.....
      </div>
    </div>
    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-10">
      <div class="panel-body">
        <div id="myTabContent" class="tab-content">
          <div class="tab-pane fade active in" id="one">
            <div class="widget-body no-padding">
              <div id="toolbar" class="toolbar">
                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('information/shelves/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                <a href="javascript:;" id="print-btn-ww" class="btn btn-success {:$auth->check('information/warehouse/print')?'':'hide'}" title="打印"  ><i class="fa fa-plus"></i>打印货架/库区</a>
                <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('information/shelves/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('information/shelves/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                <a href="javascript:;" id="excel-btn" class="btn btn-success"  title="excel导入"  ><i class="fa fa-plus"></i>出入库导入</a>

                <div class="dropdown btn-group {:$auth->check('information/shelves/multi')?'':'hide'}">
                  <!--                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
                  <ul class="dropdown-menu text-left" role="menu">
                    <li><a class="btn btn-link btn-multi  data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                    <li><a class="btn btn-link btn-multi btn-disabled  disabled"  href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                  </ul>
                </div>

                <a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('information/shelves/recyclebin')?'':'hide'}" href="information/shelves/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>
              </div>
              <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                     data-operate-edit="{:$auth->check('information/shelves/edit')}"
                     data-operate-del="{:$auth->check('information/shelves/del')}"
                     width="100%">
              </table>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
<style>
    #treeview .jstree-leaf:not(:first-child){
        /*float: left; *!*/
        /* background: none; */
        /* margin-left: 0; */
        /* min-width: 80px; */
        clear: both;
    }
</style>
<script>
  var warehouse_arr=Object.assign({}, <?php echo json_encode($warehouseArr); ?>); 
</script>